<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <!--! import CSS-->
  <link rel="stylesheet" href="css/eui.css">
    <title>Title</title>
  <style>
    body{
      font:18px "Microsoft YaHei UI";
      margin: 0;
    }
    header a{
      text-decoration: none;
      color:#6c6c6c;
    }
    header a:hover{
      color:#0aa1ed;
    }
  </style>
</head>
<body>
<div id="app">
  <el-container>
    <!--头部开始-->
    <el-header style="padding: 0"; height="150px">
    <div style="width: 1200px; margin: 0 auto">
      <img src="imgs/logo.png" style="width:300px; vertical-align:middle"  alt="">
      <span>
        <a href="">首页</a><el-divider direction="vertical"></el-divider>
        <a href="">热点资询</a><el-divider direction="vertical"></el-divider>
        <a href="">商家入驻</a><el-divider direction="vertical"></el-divider>
        <a href="">社会招聘</a><el-divider direction="vertical"></el-divider>
        <a href="">校园招聘</a><el-divider direction="vertical"></el-divider>
        <a href="">帮助中心</a>
      </span>
    </div>
      <!--蓝色导航开始-->
      <!--蓝色导航结束-->
    </el-header>
    <!--头部结束-->
    <!--体开始-->
    <el-main>Main</el-main>
    <!--体结束-->
    <!--脚开始-->
    <el-footer>Footer</el-footer>
    <!--脚结束-->
  </el-container>
</div>
</body>
<!--import Vue before Element-->
<script src="js/vue.js"></script>
<!--import JavaScript-->
<script src="js/eui.js"></script>
<script src="js/axios.min.js"></script>
</html>